
 .ZoomDialogBackground {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9000000;
	top: 0px;
	left: 0px;
	background: rgba(69, 72, 77, 0.8);
	transition-duration: 0.5s;
	transition-property: all;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ZoomDialogFullScreen {
	position: absolute;
	top: 5px;
	right: 5px;
	text-shadow: 0 0 10px rgba(255, 255, 255, 1);
	z-index: 9999999;
	font-size: 24px;
}

.ZoomDialogHidden {
	opacity: 0;
}

.ZoomDialogContainer{
    transform-origin: top left;
}

.ZoomDialogAnimation .ZoomDialogContainer {
	transition-duration: 0.5s;
	transition-property: all;
}


.ZoomDialogWrapper {
	display: inline-block;
    box-shadow: 0 0.5em 1em -0.125em rgb(3 18 39 / 10%), 0 0px 0 1px rgb(3 18 39 / 2%);
    border-radius: 6px;
	transition-duration: 0.3s;
	transition-property: all;
	overflow: hidden;
	background: #fff;
	transition-duration: 0.05s;
	transition-property: all;
	position: relative;
}


.ZoomDialogWrapperMobile.ZoomDialogWrapper {
	box-shadow: none;
	background: none;
}

.ZoomDialogWrapper.ZoomDialogWrapperOverflow {
	overflow: visible;
}


.ZoomDialogContentHidden .ZoomDialogContent {
	opacity: 0;
}

.ZoomDialogContent.ZoomDialogContentMobile {
	position: fixed;
	width: 100%;
	padding: 20px;
	top: 0px;
	left: 0px;
}



.ZoomDialogContent.ZoomDialogContentMobile .MatcDialog {
	width: 100%;
	height: 100%;
	box-shadow: 0 0 20px #000;
	padding: 20px 20px 40px;
	background: #fff;
	border-radius: 3px;
}



